html,body{margin:0;padding:0}
input { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
body{font:76% "Trebuchet MS",arial,sans-serif;color: #333;text-align:center;background-color:#377CB1;	padding: 20px;height:auto;min-height:400px;}
h1,h2{padding-left: 15px;margin: 0}
h2{font-size: 160%;color: #555}
p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5}
address{font-style: normal}
fieldset{border-width: 2px;
border-style: groove;
border-color: white;
margin: 1.5em;}
    .focusField{
    	border:solid 2px #73A6FF;
    	background:#EFF5FF;
    	color:#000;
    }
    .idleField{
    	background:#EEE;
    	color: #6F6F6F;
		border: solid 2px #DFDFDF;
    }		
fieldset.legend{color:white;font-weight:550}
div.gradient{background: #F2F2F2 url(gradient.png) repeat-x top;margin: 15px}
div.gradient p{margin:0;padding: 2px 5px}
p.codehere{color: #2A4D91}

.clear{clear:both;}
div#container{width:900px;margin: 0 auto;background-color: #9BD1FA;text-align: left}
div#header{background-color: #9BD1FA;padding:10px 0}
div#header h1{color: #FFF;font-size: 300%;font-weight: 900}
div#menu{width:100%;overflow:auto;background: #9BD1FA;padding-top: 5px;font-size: 140%;font-weight: 550;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left:15px}
ul#nav li{float:left;min-width:120px;width:auto;margin-right:8px;text-align: center}
ul#nav a{float:left;min-width:120px;width:auto;text-decoration:none;background: #FFC;color: #999}
ul#nav li.active a,ul#nav a:hover{color: #000}
div#content{clear:left;width:900px;border-top:1px solid #999;padding-top:15px;background-color: white; height:auto;min-height:400px;}
div#footer{padding-top:5px;text-align: center;font-size: 90%;background: #9BD1FA;color: #FFF}

div#box{float:right;display:inline;width:150px;margin: 5px 15px 0 5px;background:#E4E7F2;text-align:center}
div#box p{padding:0 5px}
div#form{margin-left:100px;margin-top:20px;float:left;display:inline;background:#FFFF99;}
div#form p{padding:0 5px}
div#minipics{float:left;width:100%;padding-bottom:10px}
div#minipics ul{list-style-type: none;margin:0 15px;padding:0}
div#minipics li{float:left;width:100px;margin: 10px 10px 10px 0;background-color: #FFF}
div#minipics li img{display: block;width: 80px;height: 80px;margin:5px 10px;border: 0px}
div#box#graph{align:center;}
div#btblue{float:right;margin-right:15px}
div#btgreen{float:left;margin-left:15px}
div#btred{float:right;margin-right:15px}


.button{ display:inline-block; vertical-align:middle; width:auto; position:relative; font-weight:bold; cursor:pointer; color:#fff !important; overflow:visible; text-decoration:none !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.3)} 
.button.overlayW,.button.overlayB:hover{ background:url(/www.commentcamarche.net/_skin/_common/img/overlay-white.png?1) repeat-x scroll 0 0; } 
.button.overlayB,.button.overlayW:hover{ background:url(/www.commentcamarche.net/_skin/_common/img/overlay-black.png?1) repeat-x scroll bottom left; } 
.button span.sign:before{ content:"\00BB"; font-size:1.3em; line-height:5px} .button.btColorTheme,.button.btColorTheme:hover{ background-color:#d6071b; border:1px solid #b12118; _background:#d6071b} 
.button.btWhite,.button.btWhite:hover{ background-color:#fff; color:#ff5d00 !important; _background:#fff} 
.button.btOrange,.button.btOrange:hover{ background-color:#ff5d00; border:1px solid #D45500; _background:#ff6b00} 
.button.btGrey,.button.btGrey:hover{ background-color:#666; border:1px solid #333; _background:#666} 
.button.btGreyLite,.button.btGreyLite:hover{ background-color:#fff; border:1px solid #c2c2c2 !important; _background:#fff; color:#6c6c6c !important} 
.button.btGreen,.button.btGreen:hover{ background-color:#58A61E; border:1px solid #4b8d1a; _background:#58A61E} 
.button.btBlue,.button.btBlue:hover{ background-color:#3487BC; border:1px solid #2D75A2; _background:#3487BC}
.button.btBlack,.button.btBlack:hover{ background-color:#000; border:1px solid #000; _background:#000} 
.button.btRed,.button.btRed:hover{ background-color:#D6071B; border:1px solid #D6071B; _background:#D6071B} 
.button.input{ padding:5px 15px; font-size:14px} .button.btXSmall{ padding:2px 8px; font-size:11px} 
.button.btSmall{ padding:4px 8px; font-size:12px} .button.btMedium{ padding:6px 14px; font-size:12px} 
.button.btLarge{ padding:7px 15px; font-size:14px} 
.buttonC{ overflow:visible; vertical-align:middle; width:auto; padding:4px 10px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #bbb; background:#e7e7e7 url(/www.commentcamarche.net/_skin/_common/img/bg_buttonC.png?1) repeat-x top; color:#333} .buttonC:hover{ background-position:center bottom; color:#303030; text-decoration:none} .closeModal{ display:block; width:30px; height:30px; 